/*
*
* RP responsive grid Framework v1
* Copyright 2014 { Roni Pinili }
* 
*/

@import "partials/all-mixins";

.section {
	clear:both;
	padding:0;
	margin:0;
}

.column {
	display: block;
	float: left;
	margin: .5% 0 .5% .5%;
  	@extend %padding5;
	@extend %box_sizing;
	@include bp(320) {
		margin: .5% 0 .5% 0%;	
	}
}



.clearing:before,
.clearing:after {
	content:"";
	display:table;
}
.clearing:after {
	clear:both;
}
.clearing {
    zoom:1; /* For IE 6/7 */
}


.column:first-child {
	margin-left:0;
}

.div_1_of_1 {
	width:100%;
}

/* == GRID OF 2 == */

.div_1_of_2 {
	width: 49.75%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

/* == GRID OF 2 == */

/* == GRID OF 3 == */

.div_1_of_3 {
	width: 33%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_2_of_3 {
	width:66.5%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_3_of_3 {
	width:100%;
}

/* == GRID OF 3 == */

/* == GRID OF 4 == */

.div_1_of_4 {
	width: 24.625%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_3_of_4 {
	width: 74.87%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_4_of_4 {
	width:100%;
}

/* == GRID OF 4 == */

/* == GRID OF 5 == */

.div_1_of_5 {
	width: 19.6%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_4_of_5 {
	width: 79.9%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_5_of_5 {
	width: 100%;
}

/* == GRID OF 5 == */

.div_1_of_6 {
	width: 16.25%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_1_of_7 {
	width: 13.85%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_1_of_8 {
	width: 12.056%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_1_of_9 {
	width: 10.6656%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_1_of_10 {
	width: 9.55%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_1_of_11 {
	width: 8.635%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

.div_1_of_12 {
	width: 7.87%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

noindex:-o-prefocus, .div_1_of_2 {
	width: 49.8%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

noindex:-o-prefocus, .div_1_of_3 {
	width: 33.05%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

noindex:-o-prefocus, .div_1_of_4 {
	width: 24.67%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

noindex:-o-prefocus, .div_1_of_7 {
	width: 13.87%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}

noindex:-o-prefocus, .div_1_of_8 {
	width: 12.1%;
	 @include bp(320) {
  		  width: 100%;
 	 }
}